<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <link href="libs/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="css/main.css">
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <title>微金所</title>
</head>

<script src="libs/jquery/jquery.js"></script>
<script src="libs/bootstrap/js/bootstrap.js"></script>
<script src="js/main.js"></script>
<body>
<!--头部区域-->
<header id="header">
    <div class="top">
        <div class="container">
            <div class="row">
                <div class="col-md-2 text-center">
                    <a href="#" class="mobile_a">
                        <i class="icon-mobilephone"></i>
                        <span>手机微金所</span>
                        <i class="glyphicon glyphicon-chevron-down"></i>
                        <img src="imgs/c_06.jpg" alt="scanning">
                    </a>
                </div>
                <div class="col-md-5 text-center">
                    <i class="icon-telephone"></i>
                    <span>400-508-0161(9:00 a.m.- 12:00 p.m.)</span>
                </div>
                <div id="longin-a" class="col-md-2 text-center">
                    <a href="#">常见问题</a>
                    <a href="#">财富登陆</a>

                </div>
                <div class="col-md-2 text-center">
                    <a href="#" class="btn btn-regi btn-sm">免费注册</a>
                    <a href="#" class="btn btn-link btn-sm btn-primary btn-lg" data-toggle="modal" data-target="#loginModal">Login</a>
                </div>

            </div>
        </div>
    </div>

    <div class="container">
        <!--data-offset-top:拉到哪里开始展示-->
        <!--data-offset-bottom:拉到哪里结束展示-->
        <nav id="nav" class="navbar navbar-wjs navbar-static-top" data-spy="affix" data-offset-top="40"
             data-offset-bottom="200">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#wjs-nav-collapse" aria-expanded="false">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="navbar-brand">
                    <i class="icon-icon"></i>
                    <i class="icon-logo"></i>
                </a>
            </div>

            <div id="wjs-nav-collapse" class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-wjs">
                    <li><a href="#">我要投资</a></li>
                    <li><a href="#">我要借款</a></li>
                    <li><a href="#">平台介绍</a></li>
                    <li><a href="#">新手专区</a></li>
                    <li><a href="#">最新动态</a></li>
                    <li><a href="#">微论坛</a></li>
                </ul>

                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden-sm hidden-xs"><a id="person-center" href="#">个人中心</a></li>
                </ul>
            </div>
        </nav>
        </nav>
    </div>

</header>
<!--广告轮播-->
<section id="carousel-ad">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active ad-carousel" data-image-lg="imgs/slide_01_2000x410.jpg"
                 data-image-sm="imgs/slide_01_640x340.jpg">
            </div>
            <div class="item ad-carousel" data-image-lg="imgs/slide_02_2000x410.jpg"
                 data-image-sm="imgs/slide_02_640x340.jpg">

            </div>
            <div class="item ad-carousel" data-image-lg="imgs/slide_03_2000x410.jpg"
                 data-image-sm="imgs/slide_03_640x340.jpg">
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</section>
<!--网站特色-->
<section id="web-characer-section">
    <div class="container">
        <div class="row" id="web-characer">

            <div class="col-sm-6 col-md-4">
                <a href="#">
                    <div class="media">
                        <div class="media-left">
                            <i class="icon-e907"></i>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">支付交易保障</h4>
                            <p>银联支付全程保障支付安全</p>
                        </div>
                    </div>
                </a>
            </div>

            <div class="col-sm-6 col-md-4"><a href="#">
                <div class="media">
                    <div class="media-left">
                        <i class="icon-e907"></i>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>
                        <p>银联支付全程保障支付安全</p>
                    </div>
                </div>
            </a></div>
            <div class="col-sm-6 col-md-4"><a href="#">
                <div class="media">
                    <div class="media-left">
                        <i class="icon-e907"></i>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>
                        <p>银联支付全程保障支付安全</p>
                    </div>
                </div>
            </a></div>
            <div class="col-sm-6 col-md-4"><a href="#">
                <div class="media">
                    <div class="media-left">
                        <i class="icon-e907"></i>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>
                        <p>银联支付全程保障支付安全</p>
                    </div>
                </div>
            </a></div>
            <div class="col-sm-6 col-md-4"><a href="#">
                <div class="media">
                    <div class="media-left">
                        <i class="icon-e907"></i>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>
                        <p>银联支付全程保障支付安全</p>
                    </div>
                </div>
            </a></div>
            <div class="col-sm-6 col-md-4"><a href="#">
                <div class="media">
                    <div class="media-left">
                        <i class="icon-e907"></i>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>
                        <p>银联支付全程保障支付安全</p>
                    </div>
                </div>
            </a></div>

        </div>
    </div>

</section>
<!--立即预约-->
<section id="order">
    <div class="container">
        <p class="pull-left"><i class="icon-e906"></i> 现在有<span>1024</span>人正在排队,累计预约交易成功<span>789</span>次。什么是预约投标?<a
                href="">立即预约</a></p>
        <p class="pull-right hidden-xs hidden-sm"><a href="#"><i class="icon-e905"></i> 微金所宣传片</a></p>
    </div>
</section>
<!--产品信息-->
<section id="products">
    <div class="container">
        <!-- Nav tabs -->
        <div class="ul-wapper">

            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#tab0" aria-controls="home" role="tab"
                                                          data-toggle="tab">特别推荐</a></li>
                <li role="presentation"><a id="at1" href="#tab1" aria-controls="profile" role="tab"
                                           data-toggle="tab">微投资</a>
                </li>
                <li role="presentation"><a href="#tab2" aria-controls="messages" role="tab" data-toggle="tab">微小宝</a>
                </li>
                <li role="presentation"><a href="#tab3" aria-controls="settings" role="tab" data-toggle="tab">微消费</a>
                </li>
                <li role="presentation"><a href="#tab4" aria-controls="settings" role="tab" data-toggle="tab">微增利</a>
                </li>
                <li class="pull-right hidden-sm hidden-xs"><a href="#">更多</a></li>
            </ul>
        </div>


        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active fade in" id="tab0">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-4 ">
                        <div class="panel panel-wjs actived">
                            <div class="panel-heading">
                            </div>
                            <div class="panel-body">
                                <h5>新手体验包第288期</h5>
                                <row>
                                    <div class="col-xs-6 text-left">
                                        <p>起步价</p>
                                        <p><strong>1000.00</strong><sub>万</sub></p></sub>
                                    </div>
                                    <div class="col-xs-6 text-right"><p>起步价</p>
                                        <p><strong>1000.00</strong> <sub>万</sub></p></sub></div>
                                    <div class="col-xs-6 text-left"><p>起步价</p>
                                        <p><strong>1000.00</strong><sub>万</sub></p></sub></div>
                                    <div class="col-xs-6 text-right"><p>起步价</p>
                                        <p><strong>1000.00</strong><sub>万</sub></p></sub></div>
                                </row>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 ">
                        <div class="panel panel-wjs ">
                            <div class="panel-heading">
                                <p class="tooltips">

                                    <a class="badge badge-1" href="#" data-toggle="tooltip" data-placement="top"
                                       title="北京欢迎您">京</a>
                                    <a class="badge badge-2" href="#" data-toggle="tooltip" data-placement="top"
                                       title="北京欢迎您223">沪</a>
                                </p>
                            </div>
                            <div class="panel-body">
                                Panel content
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 "></div>
                    <div class="col-xs-12 col-sm-6 col-md-4 "></div>
                    <div class="col-xs-12 col-sm-6 col-md-4 "></div>
                    <div class="col-xs-12 col-sm-6 col-md-4 "></div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="tab1">gyw</div>
            <div role="tabpanel" class="tab-pane fade" id="tab2">wby</div>
            <div role="tabpanel" class="tab-pane fade" id="tab3">lm</div>
            <div role="tabpanel" class="tab-pane fade" id="tab4">dyp</div>
        </div>
    </div>

</section>

<!--新闻板块-->
<section id="news">
    <div class="container">
        <div class="row">
            <div class="col-sm-2 col-sm-offset-3">
                <div class="news-title">第一个</div>
            </div>

            <div class="col-sm-1">
                <ul class="nav nav-pills">
                    <li role="presentation" class="active"><a href="#news1" data-toggle="tab" data-title="第一个"><i
                            class="icon-news1"
                    ></i></a></li>
                    <li role="presentation"><a href="#news2" data-toggle="tab" data-title="第2个"><i
                            class="icon-news2"></i></a></li>
                    <li role="presentation"><a href="#news3" data-toggle="tab" data-title="第3个"><i
                            class="icon-news3"></i></a></li>
                    <li role="presentation"><a href="#news4" data-toggle="tab" data-title="第4个"><i
                            class="icon-news4"></i></a></li>

                </ul>
            </div>
            <div class="col-sm-6">
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active fade in" id="news1">news1</div>
                    <div role="tabpanel" class="tab-pane fade" id="news2">news2</div>
                    <div role="tabpanel" class="tab-pane fade" id="news3">news3</div>
                    <div role="tabpanel" class="tab-pane fade" id="news4">news4</div>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="partner" class="hidden-sm hidden-xs">
    <div class="container text-center"><h3>合作伙伴</h3>
        <ul class="center-block">
            <li><a href="#"><i class="icon-panter"></i></a></li>
            <li><a href="#"><i class="icon-panter"></i></a></li>
            <li><a href="#"><i class="icon-panter"></i></a></li>
            <li><a href="#"><i class="icon-panter"></i></a></li>
            <li><a href="#"><i class="icon-panter"></i></a></li>
        </ul>
    </div>

</section>
<footer id="footer"></footer>

<!-- Modal -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="ModalTitle">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="ModalTitle">模态框标题</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
                        <div class="col-sm-10">
                            <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox"> Remember me
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">Sign in</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>